<template>
  <div class="foot-wrap">
    <div class="footer">
      <br /><br />
      <p>湖北：武汉市洪山区武汉职业技术学院</p>
      <p>全国服务监督电话：400-000-0000</p>
      <router-link
        to="/About"
        style="color: white"
      >关于我们</router-link>
    </div>

    <!-- 备案部分 -->
    <div class="beia">
      <br />
      <p>Copyright Tedu.cn All Rights Reserved 鄂ICP备99999999号-00</p>
      <p>
        <span style="color: gray">鄂公网安备 000000099999999号</span>
        武汉职业技术学院 版权所有
      </p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Footer',

};
</script>

<style>
.foot-wrap {
  /* width:100%; */
  position: relative;
  bottom: 0;
  margin-top: 300px;
}
.footer {
  width: 100%;
  height: 170px;
  background-color: #444;
  text-align: center;
  color: white;
}
.footer p {
  font-size: 14px;
}
.beia {
  height: 90px;
  width: 100%;
  background-color: black;
  text-align: center;
  color: white;
  font-size: 12px;
}
.beia p {
  height: 10px;
}
</style>